.fade {
    display: none;
}
.mgt-1rem{
	margin-top: 1rem;
}
.mgl-5{
	margin-left:5px;
}
.mgr-1{
	margin-right:1rem;
}
.mgr-5{
	margin-right:5px;
}
.pull-right{
	float: right;
}
.fw-normal{
	font-weight: normal !important;
}
.color-blue{
	color:#28A699;
}
.bg-grey{
	background-color: #F0F0F2;
}
.form-control{
	display: flex;
	justify-content:space-between;
	flex-direction:row;
	background-color: #fff;
	color: #1A1A1A;
	font-size: 1rem;
	line-height: 3rem;
	height:3rem;
	padding: 0 1rem;
	i{
		height: 3rem;
		line-height: 3rem;
		vertical-align: -3px;
		color: #bbb;
		&:before{
			color:#bbb;
		}
		margin-left: 0.7rem;
	}
	.apply-input{
		.width-15;
		.txt-left;
		height:100%;
		padding:0.5rem;
		outline: none;
		border:none;
		.fz-1;
		line-height: 1.3rem;
	}
	.apply-textarea{
		border:none;
		outline: none;
	    font-family: inherit;
		.width-15;
		.txt-left;
		height:7rem;
		padding:0.5rem;
		.fz-1;
		line-height: 1.3rem;
	}

	.add-inspector{
		padding-bottom: 1rem;
		.inspectors{
			display: inline-block;
		}
		.inspect-item{
			width: 3rem;
			height: 3rem;
			font-size: 1rem;
			border-radius: 50%;
			background-color: #2BAF2B;
			color:white;
			border:none;
			display: inline-block;
			text-align: center;
		}
		.add-one{
			font-size: 2rem;
			font-weight: bolder;
			border: 1px solid #ccc;
			border-radius: 50%;
			width: 3rem;
			height: 3rem;
			text-align: center;
			background-color: white;
			color:#999;
			vertical-align: middle;
			margin-left:0.5rem;
		}
	}
	
	input{
		text-align: right!important;
		font-size: 1rem!important;
	}
}
.timepicker{
	input[type=text]{
		text-align: right;
		border:none;
		outline: none;
		font-size: 1rem;
	}
}
.mgt-2px{
	margin-top: 2px;
}
.margin-minus{
	margin-left:-1rem;
	margin-right:-1rem;
}
.fz-1_8{
	font-size: 1.8rem;
	line-height: 3rem;

	&:before,&:after{
		font-size: 1.8rem;
	}
}
.mgt-1{
	margin-top:1rem;
}
.mgb-2{
	margin-bottom:2rem;
}
.mgb-4{
	margin-bottom:4rem;
}
.mgb-1{
	margin-bottom:1rem;
}
.pdb-1{
	padding-bottom: 1rem;
}
.mgt-2px{
	margin-top: 2px;
}
.mgt-4{
	margin-top: 4rem;
}
.mgt-2{
	margin-top:2rem;
}
.pdt-3x5{
	padding-top:3.5rem!important;
}
.bd-top-1{
	border-top:1px solid #ccc;
}
.bdb-null{
	border-bottom: none!important;
}

.height-auto{
	height: auto !important;
}
.width-15{
	width:15rem;
}
.txt-left{
	text-align: left;
}
.fz-1_2{
	font-size: 1.2rem;
}
.fz-1{
	font-size: 1rem;
}

.disp-blk{
	display: block;
}

.btn{
	width:100%;
	display: inline-block;
	height: 3rem;
	line-height: 3rem;
	border:none;
	font-weight: bold;
	outline: none;
	color: white;
	font-size: 1.2rem;
	border-radius: 4px;

}
.btn:focus,.btn:hover,.btn:active{
	outline: none;
	border: none;
}

.btn-success{
	background-color: #2BAF2B;
	&:active{
		box-shadow: inset 0 11px 17px rgba(62, 136, 62, 0.6),inset 11px 0px 17px rgba(62, 136, 62, 0.6);
	}
}
.btn-error{
	background-image: none !important;
	color:white!important;
	background-color: #da4b46 !important;
	&:active{
		box-shadow: inset 0 11px 17px rgba(156, 24, 5, 0.6), inset 10px 0px 17px rgba(156, 24, 5, 0.6);
	}
}
.btn:hover{
	background-position:0!important;
}
.btn-logOut{
	background-color: #CF3333;
	&:active{
		box-shadow: inset 0 11px 17px rgba(156, 24, 5, 0.6), inset 10px 0px 17px rgba(156, 24, 5, 0.6);
	}
}

.date-string{
	font-size: 1rem;
	line-height: 1.3rem;
	display: inline-block;
}
.module-title{
	&:before{
		font-size: 1.7rem;
		color:#0C900B;
	}
}
.mgt-m1{
	margin-top:-1rem;
}

// 微笑，哭，漏斗的3个icon 的颜色
.icon-smile-clr{
	&:before{
		color:#259B24;
	}
}
.icon-cry-clr{
	&:before{
		color:#E7383E;
	}
}
.icon-filter-clr{
	&:before{
		color:#FF9800;
	}
}
.icon-fire-cor{
	&:before{
		color:#E8353C
	}
}
.width-23{
	width: 23rem;
}

.row{
	display: flex;
	justify-content: flex-start;
	flex-direction:row;
}
.bdb-1{
	border-bottom:1px solid #ccc;
}
.txt-ctr{
	text-align: center;
}
.img-responsive{
	width:100%;
	max-width:100%;
	display: block;
}






